<template>
    <div>
        home.vue {{msg}} 请必须输入
        <input type="text" name="" v-model="name">
    </div>
</template>
<script>
export default {
    data() {
        return {
            msg: '',
            name: ''
        }
    }, beforeRouteEnter(to, from, next) {
        // console.log('beforeRouteEnter被触发了');
        // //还没有进入路由，那么此时也就没有组件，那么就没有this
        // next((vm) => {
        //     vm.msg = 'abc'; //路由进来前挂载属性,通过vm对象，VueComponet对象
        // });
        next();
    }, beforeRouteLeave(to, from, next) { //这个时候是有VueComponet对象对象的，是this
        console.log('beforeRouteLeave钩子触发了');
        if (this.name === '') {
            alert('您还未保存，要不要写两笔呀？');
            next(false); //取消用户之前的路由改变行为 url后面的锚点值
        } else {
            next();
        }
    }
}
</script>
<style>
</style>
